.lzp-icon {
  --lzp-icon-color: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--lzp-icon-color);
  font-size: inherit;
}

@each $val in primary, info, success, warning, danger {
  // 当你挂上 .lzp-icon--primary 类之后
  // 你的 --lzp-icon-color 这个变量的值就会变成 var(--lzp-color-primary)
  .lzp-icon--#{$val} {
    --lzp-icon-color: var(--lzp-color-#{$val});
  }
}
